<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>

<body>
  <script>
    // =========================== Promise的链式调用 ===========================
    // then方法的返回值
    // 如果上一个.then() 方法中返回了一个新的Promise 实例对象，则可以通过下一个.then() 继续进行处理

    let p = new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve("结果1") // 状态 fulfilled 成功
      }, 2000);
    })

    // 获取到成功的结果
    p.then(res => {
      console.log("第一个then执行");
      console.log(res); // 结果1

      // 在then方法内返回了promise实例对象
      return new Promise((resolve, reject) => {
        setTimeout(() => {
          resolve("结果2") // 状态 fulfilled 成功
        }, 2000)
      })
    }).then((res) => {
      console.log('第二个then执行')
      console.log(res) // 结果2
    })
  </script>
</body>

</html>